<!--文本组件  -->
<template>
  <div
    class="textview"
    :style="{
      'background-color': config.ConfigData.bgcolor,
      'text-align': config.ConfigData.showtype,
      margin: '0 ' + config.ConfigData.margin + 'px',
      'border-radius': config.ConfigData.radius + 'px',
      padding: '0 ' + config.ConfigData.padding + 'px',
      'font-weight': config.ConfigData.isbold ? 'bold' : ''
    }"
  >
    <text
      class="defaulttext"
      :style="{
        color: config.ConfigData.txtcolor,
        'font-size': config.ConfigData.fontsize * 2 + 'px'
      }"
      >{{ config.ConfigData.text }}</text
    >
  </div>
</template>

<script>
export default {
  name: "TextCopt",
  props: {
    config: Object
  },
  data() {
    return {};
  },
  methods: {},
  mounted() {}
};
</script>

<style lang="scss">
.textview {
  text-align: left;
  background-color: transparent;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.defaulttext {
  color: #000;
  font-size: 28px;
  //margin: 0 10px;
}
</style>
